<template>
<div class="game-list">
  <div class="game-list-body">
    <template v-for="item in gamelistdata">
       <gamecard :gameinfo="item"/>
    </template>
  </div>
</div>
</template>

<script>
import gamecard from "./gamecard.vue";
import {gethdata} from "../../../api/getjson";
export default {
  name: "gamelist",
  components: {
    gamecard
  },
  props: {
    gamelistdata: {
      type: Array
    }
  },
  data(){
    return {
      gamelist: []
    }
  }
}
</script>
<style scoped>
.game-list{
  width: 1500px;
  margin: 0 auto;
}
.game-list-body{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
</style>
